
<template>
  <div class="app-container container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="分享客列表" name="second">
        <sharingList></sharingList>
      </el-tab-pane>
      <el-tab-pane label="分享客审核" name="first">
          <sharingManage></sharingManage>
      </el-tab-pane>
  </el-tabs>
  </div>
</template>

<script>
  import sharingManage from './components/manage/sharingManage'
  import sharingList from './components/manage/sharingList'

  export default {
    name: 'manage',
    components: {
      sharingManage,
      sharingList
    },
    data() {
      return {
         activeName: 'second'
      }
    },
    methods:{
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  }
</script>

<style scoped lang="scss">

  .container{
    height: 100vh;
    background: #fff;
    margin: 15px 25px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 4px 0 rgba(200, 200, 200, 0.5);
    box-shadow: 0 0 4px 0 rgba(200, 200, 200, 0.5);
  }
  ::v-deep .el-table--border td{
    border-right: none!important;
}
::v-deep .el-table--border th{
    border-right: none!important;
}
::v-deep .el-table--border{
  border: none;
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
  background:none;
}
</style>
